<div class="bady" (click)="clickAddress($event)">
    <mat-form-field  [ngClass]="{'hidden': !isEditStatus}"  class="address-input"> 
      <input #addressInput="matInput"   matInput type="text" [(ngModel)]="address" (blur)="isEditStatus = false;$event.stopPropagation()"  />
    </mat-form-field>
     <div [ngClass]="{'hidden': isEditStatus}" style="overflow-x:auto;overflow-y:hidden;"  [ngStyle]="{'width': addressWidth + 'px'}">
    @for (item of addressItems; track item) { 
        <mat-icon *ngIf="item.index != 0" style="line-height: 35px;">keyboard_arrow_right</mat-icon>
        <button style="margin: auto 0px;" mat-button (click)="clickItem(item);$event.stopPropagation()" >{{item.name}}</button>
    }
</div>
</div>
